<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>随喜建庙</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="css/banner.css" rel="stylesheet" />
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body > 
    <div class="suixi">
        <!-- 顶部 -->
        <div class="top">
            <h4>随喜建庙<a href=""><span class="iconfont">&#xe60e;</span></a></h4>  
        </div>

        <!-- 展示图 -->
        <div class="banner">
            <img src="images/suixi.png" alt="">
        </div>

        <!-- 选项卡导航 -->
        <ul class="nav clearfix" role="tablist" id="myTab">
            <li role="presentation" class="active"><a href="#suixi-a" aria-controls="suixi-a" role="tab" data-toggle="tab">日行一善</a></li>
            <li role="presentation" class=""><a href="#suixi-b" aria-controls="suixi-b" role="tab" data-toggle="tab">我的功德</a></li>
            <li role="presentation" class=""><a href="#suixi-c" aria-controls="suixi-c" role="tab" data-toggle="tab">功德榜</a></li>
        </ul>

        <!-- 选项卡内容 -->
        <div class="tab-content">
            <!-- 日行一善 -->
            <div role="tabpanel" class="tab-pane active " id="suixi-a">
                <div class="suixi-all">
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 我的功德 -->
            <div role="tabpanel" class="tab-pane" id="suixi-b">
               <div class="suixi-all">
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            <p>日行一善，2017-03-22 10:07:00</p>
                            <div class="msg">留言：千古流芳</div>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 功德榜 -->
            <div role="tabpanel" class="tab-pane" id="suixi-c">
               <div class="suixi-all">
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                    <div class="suixi-list clearfix">
                        <div class="suixi-list-left">
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <div class="suixi-list-center">
                            <h5>Wendy</h5>
                            
                        </div>
                        <div class="suixi-list-right">
                            10.00 <span>元</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="suixi-nav clearfix">
            <div class="left">发心人数：409人</div>
            <div class="right">善款总计：7848.39元</div>
            <a href="suixi-pay.html">布施</a>
        </div>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
</body>
</html>
